<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		body {  
		    font-family: Arial, sans-serif;  
		    display: flex;  
		    justify-content: center;  
		    align-items: center;  
		    height: 100vh;  
		    margin: 0;  
		    background-color: #f2f2f2; 
			background:url(img/1.jpg) no-repeat;
		}  
		  
		.a {  
		    width: 300px;  
		    padding: 20px;  
		    background-color: #fff;  
		    border-radius: 10px;  
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
		}  
		  
		.a label {  
		    display: block;  
		    margin-bottom: 10px;  
		}  
		  
		.a input[type="text"],  
		.a input[type="password"] {  
		    width: 100%;  
		    padding: 10px;  
		    border: 1px solid #ccc;  
		    border-radius: 5px;  
		    box-sizing: border-box;  
		    margin-bottom: 20px;  
		}  
		  
		.a button {  
		    width: 100%;  
		    padding: 10px;  
		    background-color: #4CAF50;
		    border: none;  
		    border-radius: 5px;  
		    cursor: pointer;  
		}  
		  
		.a button:hover {  
		    background-color: #45a049; 
		}
		a{text-decoration:none;
		color:white;}
		
		</style>
	</head>
	<body> 
		    <form class="a" action="1.html" method="get">  
		        <label for="username">账号:</label>  
		        <input type="text" id="username" name="username" value="123456" required>  
		        <label for="password">密码:</label>  
		        <input type="password" id="password" name="password" value="123456" required>  
		        <button type="submit"><a href="1.html">登录</a></button>
		    </form>   
	</body>
</html>